<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body{
        text-align: center;
        background-color: #ccccd6;
    }
    h3{
        color: white;
    }
    #mp3 {
        /* display: none; */
        background: red;
        height: 200px;
        width: 200px;
    }
</style>
    <div id="mp3">
        <audio id="love" src="./love.mp3" controls >
            您的浏览器不支持 audio 标签。
          </audio>
    </div>

        <h2>歌词</h2>
        <h3>周杰伦 - 简单爱 (Live)</br></br>

            作词：徐若瑄</br></br>
            
            作曲：周杰伦</br></br>
            
            编曲：林迈可</br></br>
            
            制作人：周杰伦</br></br>
            
            合声编写：周杰伦</br></br>
            
            合声：周杰伦</br></br>
            
            录音工程：Gary Yang(J&A STUDIO)</br></br>
            
            混音工程：杨大纬(杨大纬录音工作室)</br></br>
            
            说不上为什么</br></br>
            
            我变得很主动</br></br>
            
            若爱上一个人</br></br>
            
            什么都会值得去做</br></br>
            
            我想大声宣布</br></br>
            
            对你依依不舍</br></br>
            
            连隔壁邻居</br></br>
            
            都猜到我现在的感受</br></br>
            
            河边的风</br></br>
            
            在吹着头发</br></br>
            
            飘动</br></br>
            
            牵着你的手</br></br>
            
            一阵莫名感动</br></br>
            
            我想带你回我的外婆家</br></br>
            
            一起看着日落</br></br>
            
            一直到我们都睡着</br></br>
            
            我想就这样牵着你的手</br></br>
            
            不放开</br></br>
            
            爱能不能够永远单纯</br></br>
            
            没有悲哀</br></br>
            
            我 想带你骑单车</br></br>
            
            我 想和你看棒球</br></br>
            
            想这样没担忧</br></br>
            
            唱着歌 一直走</br></br>
            
            我想就这样牵着你的手</br></br>
            
            不放开</br></br>
            
            爱可不可以简简单单</br></br>
            
            没有伤害</br></br>
            
            你 靠着我的肩膀</br></br>
            
            你 在我胸口睡着</br></br>
            
            像这样的生活</br></br>
            
            我爱你你爱我</br></br>
            
            想 简简单单 爱</br></br>
            
            想 简简单单 爱</br></br>
            
            我想就这样牵着你的手</br></br>
            
            不放开</br></br>
            
            爱能不能够永远单纯</br></br>
            
            没有悲哀</br></br>
            
            我 想带你骑单车</br></br>
            
            我 想和你看棒球</br></br>
            
            想这样没担忧</br></br>
            
            唱着歌一直走</br></br>
            
            我想就这样牵着你的手</br></br>
            
            不放开</br></br>
            
            爱可不可以简简单单</br></br>
            
            没有伤害</br></br>
            
            你 靠着我的肩膀</br></br>
            
            你 在我胸口睡着</br></br>
            
            像这样的生活</br></br>
            
            我爱你 你爱我</br></br>
            
            简单爱</h3>
</body>
<script>
    let flag = false
    let mp3 = document.getElementById('love')

    document.body.onkeypress = function(event){
        console.log((event.keyCode == 13 && flag == false),'==========');

        if(event.keyCode == 13 && flag == false){
            
            console.log(mp3,'音乐实体');
            mp3.play();
            flag = true;
            console.log('键盘按下病抬起',mp3);
        }else{
           mp3.pause();
           flag = false;
        }
        // if(event.keyCode == 13 && flag == true){
        //    mp3.pause();
        //     flag = false;
        // }
    }
    // setTimeout(()=>{
    //     let mp3 = document.getElementById('love')
    //     console.log(mp3);
    //     mp3.play();
    // },5000)
    // console.log(mp3test);
</script>
</html>